<template>
	<view>
		<view class="top">
			<view class="topCont">
				<view class="tip">可提现</view>
				<view class="money">890.00</view>
				<view class="handle">
					<view class="handle-tip">提现金额必须在10-100元之间，提现手续费为提现金额的 10%</view>
					<view class="handle-btn">提现</view>
				</view>
			</view>
		</view>
		<navigator hover-class="false" class="infoItem" url="bindCard">
			<view class="infoItem-left"><i class="iconfont iconyinxingqia"></i>绑定银行卡</view>
			<i class="iconfont iconright"></i>
		</navigator>
		<navigator hover-class="false" class="infoItem" url="WalletDetail">
			<view class="infoItem-left"><i class="iconfont iconziyuan"></i>钱包明细</view>
			<i class="iconfont iconright"></i>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.top {
		padding: 160upx 30upx 30upx;
		background: linear-gradient(270deg, #F5D499 0%, #EFC683 100%);
	}

	.topCont {
		color: #E6B873;
		width: calc(100% - 70upx);
		padding: 40upx 30upx 30upx 40upx;
		background: #323237;
		border-radius: 10upx;
	}

	.money {
		font-size: 80upx;
	}

	.handle {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 20upx;
	}

	.handle-tip {
		width: 70%;
		font-size: 20upx;
	}

	.handle-btn {
		color: #333333;
		padding: 14upx 54upx;
		background-color: #E6B873;
		border-radius: 36upx;
	}

	.infoItem {
		justify-content: space-between;
	}
	
	.infoItem-left{
		color: #333333;
	}

	.infoItem-left i {
		font-size: 36upx;
		margin-right: 30upx;
	}
</style>
